import React, { Component } from 'react'
import { NavLink, Outlet } from 'react-router-dom'

import style from './css/index.module.css'

console.log('Films', style)

export default class Films extends Component {
  render() {
    return (
      <>
        <div className={style.swiper}>Film 轮播</div>
        <ul className={style.navbar}>
          <li>
            <NavLink to='/film/nowPlaying'>正在热映</NavLink>
          </li>
          <li>
            <NavLink to='/film/comingSoon'>即将上映</NavLink>
          </li>
        </ul>
        <Outlet />
      </>
    )
  }
}
